<div id="cordova-media" data-view="cordova/media">
<style type="text/css">
    .con{
        padding: 20px 20%;
    }
    .startRecord{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .stopRecord{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .play{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .pause{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .stop{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
   .release{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .seek{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .duration{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .mute{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    .sound{
        height: 25px;
        width: 100%;
        margin-top: 10px;
    }
    #audio_position{
        font-size: 20px;
        margin-top: 10px;
        font-weight: bold;
    }
    #audio_duration{
        font-size: 20px;
        margin-top: 10px;
        font-weight: bold;
    }
</style>
    <header class="bar bar-nav">
    <a class="icon icon-left-nav pull-left" data-action="back"></a>
    <h1 class="title">Media</h1>
  </header>
     <div class="content">
        <div class="con">
            <h4>Audio Position: <span id="audio_position">&nbsp;</span></h4><br>
            <h4>Audio Duration: <span id="audio_duration">&nbsp;</span></h4><br>
            <button class="startRecord btn btn-primary">Start Record</button><br>
            <button class="stopRecord btn btn-primary" >Stop Record</button><br>
            <button class="play btn btn-primary" >Play</button><br>
            <button class="pause btn btn-primary" >Pause</button><br>
            <button class="stop btn btn-primary" >Stop</button><br>
            <button class="release btn btn-primary" >Release</button><br>
            <button class="seek btn btn-primary">SeekTo to 10 seconds</button><br>
            <button class="duration btn btn-primary">Get Duration</button><br>
            <button class="mute btn btn-primary">Mute Audio</button><br>
            <button class="sound btn btn-primary">Unmute Audio</button><br>
        </div>
    </div>
</div>    
    


